﻿<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>进销存管理</title>

    <!-- begin::global styles -->
    <link rel="stylesheet" href="assets/vendors/bundle.css" type="text/css">
    <!-- end::global styles -->

    <!-- begin::datepicker -->
    <link rel="stylesheet" href="assets/vendors/datepicker/daterangepicker.css">
    <!-- begin::datepicker -->

    <!-- begin::vmap -->
    <link rel="stylesheet" href="assets/vendors/vmap/jqvmap.min.css">
    <!-- begin::vmap -->

    <!-- begin::custom styles -->
    <link rel="stylesheet" href="assets/css/app.css" type="text/css">
    <link rel="stylesheet" href="assets/css/custom.css" type="text/css">
    <!-- end::custom styles -->

</head>

<body class="icon-side-menu">

    <!-- begin::page loader-->
    <div class="page-loader">
        <div class="spinner-border"></div>
        <span>Loading ...</span>
    </div>
    <!-- end::page loader -->

    <!-- begin::sidebar -->
    <div class="sidebar" style="z-index: 99999;">
        <ul class="nav nav-pills nav-justified m-b-30" id="pills-tab" role="tablist">
            <li class="nav-item">
                <a class="nav-link" id="notifications-tab" data-toggle="pill" href="#notifications" role="tab"
                    aria-controls="notifications" aria-selected="false">
                    <i class="fa fa-bell"></i>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="settings-tab" data-toggle="pill" href="#settings" role="tab"
                    aria-controls="settings" aria-selected="false">
                    <i class="ti-settings"></i>
                </a>
            </li>
        </ul>
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane" id="notifications" role="tabpanel" aria-labelledby="notifications-tab">
                <div class="tab-pane-body">
                    <h5 class="font-weight-bold m-b-20">通知</h5>
                    <div>
                        <p class="text-muted">今天</p>
                        <ul class="list-group list-group-flush m-b-10">
                            <li class="list-group-item d-flex p-l-r-0">
                                <div>
                                    <figure class="avatar avatar-xs m-r-10">
                                        <span class="avatar-title bg-success rounded-circle">1</span>
                                    </figure>
                                </div>
                                <div>
                                    <p class="m-b-0">
                                        <span class="badge small badge-danger">New</span>
                                        拜登赢得了选举
                                    </p>
                                    <ul class="list-inline small">
                                        <li class="list-inline-item text-muted">8分钟以前</li>
                                        <li class="list-inline-item">
                                            <a href="#">标记已读</a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a href="#">查看</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="list-group-item d-flex p-l-r-0">
                                <div>
                                    <figure class="avatar avatar-xs m-r-10">
                                        <span class="avatar-title bg-warning rounded-circle">
                                            2
                                        </span>
                                    </figure>
                                </div>
                                <div>
                                    <p class="m-b-0">彩票中了十块钱</p>
                                    <ul class="list-inline small">
                                        <li class="list-inline-item text-muted">50分钟以前</li>
                                        <li class="list-inline-item">
                                            <a href="#">标记已读</a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a href="#">查看</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <p class="text-muted">昨天</p>
                        <ul class="list-group list-group-flush m-b-10">
                            <li class="list-group-item d-flex p-l-r-0">
                                <div>
                                    <figure class="avatar avatar-xs m-r-10">
                                        <span class="avatar-title bg-warning rounded-circle">
                                            2
                                        </span>
                                    </figure>
                                </div>
                                <div>
                                    <p class="m-b-0">彩票中了十块钱</p>
                                    <ul class="list-inline small">
                                        <li class="list-inline-item text-muted">50分钟以前</li>
                                        <li class="list-inline-item">
                                            <a href="#">标记已读</a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a href="#">查看</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="list-group-item d-flex p-l-r-0">
                                <div>
                                    <figure class="avatar avatar-xs m-r-10">
                                        <span class="avatar-title bg-warning rounded-circle">
                                            2
                                        </span>
                                    </figure>
                                </div>
                                <div>
                                    <p class="m-b-0">彩票中了十块钱</p>
                                    <ul class="list-inline small">
                                        <li class="list-inline-item text-muted">50分钟以前</li>
                                        <li class="list-inline-item">
                                            <a href="#">标记已读</a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a href="#">查看</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="list-group-item d-flex p-l-r-0">
                                <div>
                                    <figure class="avatar avatar-xs m-r-10">
                                        <span class="avatar-title bg-warning rounded-circle">
                                            2
                                        </span>
                                    </figure>
                                </div>
                                <div>
                                    <p class="m-b-0">彩票中了十块钱</p>
                                    <ul class="list-inline small">
                                        <li class="list-inline-item text-muted">50分钟以前</li>
                                        <li class="list-inline-item">
                                            <a href="#">标记已读</a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a href="#">查看</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="list-group-item d-flex p-l-r-0">
                                <div>
                                    <figure class="avatar avatar-xs m-r-10">
                                        <span class="avatar-title bg-warning rounded-circle">
                                            2
                                        </span>
                                    </figure>
                                </div>
                                <div>
                                    <p class="m-b-0">彩票中了十块钱</p>
                                    <ul class="list-inline small">
                                        <li class="list-inline-item text-muted">50分钟以前</li>
                                        <li class="list-inline-item">
                                            <a href="#">标记已读</a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a href="#">查看</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tab-pane-footer">
                    <a href="#" class="btn btn-primary btn-block">标记全部已读</a>
                </div>
            </div>
            <div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="settings-tab">
                <div class="tab-pane-body">
                    <div class="m-b-30">
                        <h5 class="font-weight-bold m-b-20">设置</h5>
                        <h6 class="font-weight-bold">系统</h6>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between p-l-r-0">
                                <span>自动更新</span>
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="customSwitch1" checked>
                                    <label class="custom-control-label" for="customSwitch1"></label>
                                </div>
                            </li>
                            <li class="list-group-item d-flex justify-content-between p-l-r-0">
                                <span>当前统计</span>
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="customSwitch2" checked>
                                    <label class="custom-control-label" for="customSwitch2"></label>
                                </div>
                            </li>
                            <li class="list-group-item d-flex justify-content-between p-l-r-0">
                                <span>用户建议</span>
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="customSwitch3" checked>
                                    <label class="custom-control-label" for="customSwitch3"></label>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="m-b-30">
                        <h6 class="font-weight-bold">账户</h6>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between p-l-r-0">
                                <span>账户安全保护</span>
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="customSwitch4">
                                    <label class="custom-control-label" for="customSwitch4"></label>
                                </div>
                            </li>

                        </ul>
                    </div>
                    <div class="m-b-30">
                        <h6 class="font-weight-bold">通知</h6>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between p-l-r-0">
                                <span>邮箱通知</span>
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="customSwitch6">
                                    <label class="custom-control-label" for="customSwitch6"></label>
                                </div>
                            </li>
                            <li class="list-group-item d-flex justify-content-between p-l-r-0">
                                <span>短信通知</span>
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="customSwitch7">
                                    <label class="custom-control-label" for="customSwitch7"></label>
                                </div>
                            </li>
                            <li class="list-group-item d-flex justify-content-between p-l-r-0">
                                <span>电话通知</span>
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="customSwitch8">
                                    <label class="custom-control-label" for="customSwitch8"></label>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tab-pane-footer">
                    <a href="#" class="btn btn-primary btn-block">保存设置</a>
                </div>
            </div>
        </div>
    </div>
    <!-- end::sidebar -->

    <!-- begin::side menu -->
    <div class="side-menu">
        <div class='side-menu-body'>
            <ul>
                <li class="side-menu-divider">进销存管理</li>

                <li class="open"><a href="#"><i class="icon ti-home"></i>&ensp;&ensp; <span>销售</span></a>
                    <ul>
                        <li><a href="#" class="active">报表统计</a>
                        <li><a href="PurchaseForm.html">进货报表</a></li>
                        <li><a href="ShippingForm.html">订单报表</a></li>
                        <li><a href="OrderList.html">订单列表</a></li>
                        <li><a href="OrderAdd.html">订单修改/增加</a></li>
                    </ul>
                </li>

                <li><a href="#"><i class="fa fa-info-circle"></i>&ensp;&ensp; <span>认证方式</span></a>
                    <ul>
                        <li><a href="login.html">登录&注册</a>
                        <li><a href="lock-user.html">锁屏</a></li>
                        <li><a href="recover-password.html">恢复密码</a></li>
                    </ul>
                </li>

                <li><a href="#"><i class="fa fa-user-o"></i> &ensp;&ensp;<span>个人管理</span></a>
                    <ul>
                        <li><a href="EditProfile.html">个人信息</a>
                        <li><a href="journal.html">日志</a></li>
                    </ul>
                </li>

                <li><a href="#"> <i class="fa fa-truck"></i>&ensp;&ensp; <span>货物管理</span></a>
                    <ul>
                        <li><a href="GoodsList.html">商品管理</a>
                        <li><a href="GoodAdd.html">商品增加&修改</a></li>
                    </ul>
                </li>

                <li><a href="#"><i class="fa fa-users"></i>&ensp;&ensp;<span>人员管理</span></a>
                    <ul>
                        <li><a href="UserList.html">人员查询</a>
                        <li><a href="UserAdd.html">增加&修改</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- end::side menu -->

    <!-- begin::navbar -->
    <nav class="navbar">
        <div class="container-fluid">

            <div class="header-logo">
                <a href="#">
                    <img src="assets/media/image/light-logo.png" alt="...">
                    <span class="logo-text d-none d-lg-block">进销存系统</span>
                </a>
            </div>

            <div class="header-body">


                <ul class="navbar-nav" style="margin-left: 90%;">
                    <li class="nav-item">
                        <!-- 此处在class里面加上nav-link-notify会出现红点 -->
                        <a href="#" class="nav-link  sidebar-open" data-sidebar-target="#notifications">
                            <i class="fa fa-bell"></i>
                        </a>
                    </li>
                    <li class="nav-item dropdown">
                        <a href="#" data-toggle="dropdown">
                            <figure class="avatar avatar-sm avatar-state-success">
                                <img class="rounded-circle" src="assets/media/image/avatar.jpg" alt="...">
                            </figure>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a href="profile.html" class="dropdown-item">个人主页</a>
                            <a href="#" data-sidebar-target="#settings" class="sidebar-open dropdown-item">设置</a>
                            <div class="dropdown-divider"></div>
                            <a href="login.html" class="text-danger dropdown-item">登出</a>
                        </div>
                    </li>
                    <li class="nav-item d-lg-none d-sm-block">
                        <a href="#" class="nav-link side-menu-open">
                            <i class="ti-menu"></i>
                        </a>
                    </li>
                </ul>
            </div>

        </div>
    </nav>
    <!-- end::navbar -->

    <!-- begin::main content -->
    <main class="main-content">

        <div class="container">
            <div class="page-header d-md-flex justify-content-between align-items-center">
                <div>
                    <h4>报表</h4>
                </div>
                <div>
                    <div class="reportrange btn btn-light">
                        <i class="ti-calendar m-r-10"></i>
                        <span></span>
                        <i class="ti-angle-down m-l-10"></i>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div>
                                    <h6>总利润</h6>
                                    <h4 class="m-b-0 font-weight-bold">
                                        0.32%
                                        <small data-toggle="tooltip" title="Than last week"
                                            class="text-success font-size-11">
                                            1.2%
                                            <i class="ti-arrow-up"></i>
                                        </small>
                                    </h4>
                                </div>
                                <div>
                                    <!-- 控制圆形的占有率 -->
                                    <span class="pie"
                                        data-peity='{ "fill": ["#5d78ff", "#eeeeee"], "radius": 30 }'>1/5</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div>
                                    <h6>平均订单价格</h6>
                                    <h4 class="m-b-0 font-weight-bold">
                                        3,137
                                        <small data-toggle="tooltip" title="Than last week"
                                            class="text-danger font-size-11">
                                            0.2%
                                            <i class="ti-arrow-down"></i>
                                        </small>
                                    </h4>
                                </div>
                                <div>
                                    <span class="pie"
                                        data-peity='{ "fill": ["#0abb87", "#eeeeee"], "radius": 30 }'>226/360</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div>
                                    <h6>数量</h6>
                                    <h4 class="m-b-0 font-weight-bold">
                                        $306.20
                                        <small data-toggle="tooltip" title="Than last week"
                                            class="text-danger font-size-11">
                                            2.1%
                                            <i class="ti-arrow-down"></i>
                                        </small>
                                    </h4>
                                </div>
                                <div>
                                    <span class="pie"
                                        data-peity='{ "fill": ["#ea4141", "#eeeeee"], "radius": 30 }'>1,4</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-md-flex justify-content-between align-items-start">
                                <div>
                                    <h5 class="card-title">销售报告</h5>
                                    <h6 class="card-subtitle">过去七个月的销售</h6>
                                </div>
                                <div class="reportrange btn btn-sm btn-light">
                                    <i class="ti-calendar m-r-10"></i>
                                    <span></span>
                                    <i class="ti-angle-down m-l-10"></i>
                                </div>
                                <div class="d-lg-none d-sm-block m-t-15"></div>
                            </div>
                            <div class="row m-b-20">
                                <div class="col-md-6">
                                    <div class="bg-light text-success p-15 text-center m-b-10">
                                        <h4 class="font-weight-bold">$560.234,076</h4>
                                        <h6 class="m-b-0">总销量</h6>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="bg-light text-warning p-15 text-center m-b-10">
                                        <h4 class="font-weight-bold">$620,076</h4>
                                        <h6 class="m-b-0">平均销量</h6>
                                    </div>
                                </div>
                            </div>
                            <canvas id="chartjs_one"></canvas>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">客户总数</div>
                                <div class="card-body text-center">
                                    <h2 class="text-danger font-weight-bold">700+</h2>
                                    <p class="m-b-0">
                                        <i class="fa fa-caret-up text-primary m-r-5"></i> 上周增长23%
                                    </p>
                                </div>
                            </div>
                        </div>
                        
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">平均订单价值</div>
                                <div class="card-body text-center">
                                    <h2 class="text-success font-weight-bold">$32.52</h2>
                                    <p class="m-b-0">
                                        <i class="fa fa-caret-down text-danger m-r-5"></i>比上周领先4位
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body" style="margin-bottom: 20px;">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h5 class="card-title">区域销售</h5>
                                    <h6 class="card-subtitle">地区销售总额 折线图</h6>
                                </div>
                                <div>
                                    <div class="btn-group">
                                        <button class="btn btn-light btn-sm active">按年</button>
                                        <button class="btn btn-light btn-sm">按月</button>
                                    </div>
                                </div>
                            </div>
                            <canvas id="chartjs_two"></canvas>
                            <div class="row text-center m-t-20">
                                <div class="col-md-4 m-t-20">
                                    <h4 class="font-weight-bold text-primary">$34.234,076</h4>
                                    <h6 class="m-b-0">总价格</h6>
                                </div>
                                <div class="col-md-4 m-t-20">
                                    <h4 class="font-weight-bold text-warning">$1.620,076</h4>
                                    <h6 class="m-b-0">平均价格</h6>
                                </div>
                                <div class="col-md-4 m-t-20">
                                    <h4 class="font-weight-bold text-danger">$20,076</h4>
                                    <h6 class="m-b-0">增长量</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">产品销售</div>
                        <div class="card-body">
                            <div class="m-b-20 d-flex align-items-center">
                                <div class="icon-block icon-block-outline-success icon-block-floating m-r-10">
                                    <i class="fa fa-cube font-size-18"></i>
                                </div>
                                <h2 class="m-0 font-weight-bold">65,353</h2>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <h3 class="m-b-10">
                                        4,324
                                        <small class="text-uppercase font-size-11 m-l-5">总价格</small>
                                    </h3>
                                    <div class="progress m-b-10" style="height: 5px;">
                                        <div class="progress-bar" role="progressbar" style="width: 25%;"
                                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                    <i class="fa fa-caret-up text-success"></i> 上涨10% 
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <h3 class="m-b-10">
                                        2,214
                                        <small class="text-uppercase font-size-11 m-l-5">库存存货</small>
                                    </h3>
                                    <div class="progress m-b-10" style="height: 5px;">
                                        <div class="progress-bar" role="progressbar" style="width: 25%;"
                                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                    <i class="fa fa-caret-down text-danger"></i> 下降14% 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-md-flex justify-content-between">
                                <h5 class="card-title">最近的收入</h5>
                                <div>
                                    <div class="reportrange btn btn-light">
                                        <i class="ti-calendar m-r-10"></i>
                                        <span></span>
                                        <i class="ti-angle-down m-l-10"></i>
                                    </div>
                                    <div class="d-lg-none d-sm-block m-t-15"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="d-flex align-items-center m-b-20">
                                                <div class="icon-block m-r-15 icon-block-lg icon-block-outline-success text-success">
                                                    <i class="fa fa-bar-chart"></i>
                                                </div>
                                                <div>
                                                    <h6>总收益</h6>
                                                    <h4 class="m-b-0 font-weight-bold">$201,958,104</h4>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="d-flex align-items-center m-b-20">
                                                <div class="icon-block m-r-15 icon-block-lg icon-block-outline-danger  text-danger">
                                                    <i class="fa fa-hand-lizard-o"></i>
                                                </div>
                                                <div>
                                                    <h6>代扣税</h6>
                                                    <h4 class="m-b-0 font-weight-bold">$12,769.00</h4>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="d-flex align-items-center m-b-20">
                                                <div class="icon-block m-r-15 icon-block-lg icon-block-outline-warning text-warning">
                                                    <i class="fa fa-dollar"></i>
                                                </div>
                                                <div>
                                                    <h6>净收益</h6>
                                                    <h4 class="m-b-0 font-weight-bold">$491,608,469</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table class="table m-b-0">
                                    <thead>
                                    <tr>
                                        <th>日期</th>
                                        <th>销售额</th>
                                        <th>总收益</th>
                                        <th>代扣税</th>
                                        <th>销售率</th>
                                        <th class="text-right">净收益</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>03/15/2018</td>
                                        <td>1,050</td>
                                        <td>+ $32,580.00</td>
                                        <td>- $3,023.10</td>
                                        <td>
                                            <span class="pie" data-peity='{ "fill": ["#5d78ff", "#eeeeee"], "radius": 15 }'>70/100</span>
                                        </td>
                                        <td class="text-right">$28,670.90</td>
                                    </tr>
                                    <tr>
                                        <td>03/14/2018</td>
                                        <td>780</td>
                                        <td>+ $30,065.10</td>
                                        <td>- $2,780.00</td>
                                        <td>
                                            <span class="pie" data-peity='{ "fill": ["#5d78ff", "#eeeeee"], "radius": 15 }'>40/100</span>
                                        </td>
                                        <td class="text-right">$26,930.40</td>
                                    </tr>
                                    <tr>
                                        <td>03/13/2018</td>
                                        <td>1.980</td>
                                        <td>+ $30,065.10</td>
                                        <td>- $2,780.00</td>
                                        <td>
                                            <span class="pie" data-peity='{ "fill": ["#5d78ff", "#eeeeee"], "radius": 15 }'>60/100</span>
                                        </td>
                                        <td class="text-right">$22,930.40</td>
                                    </tr>
                                    <tr>
                                        <td>03/12/2018</td>
                                        <td>300</td>
                                        <td>+ $30,065.10</td>
                                        <td>- $2,780.00</td>
                                        <td>
                                            <span class="pie" data-peity='{ "fill": ["#5d78ff", "#eeeeee"], "radius": 15 }'>18/100</span>
                                        </td>
                                        <td class="text-right">$32,130.40</td>
                                    </tr>
                                    <tr>
                                        <td>03/11/2018</td>
                                        <td>940</td>
                                        <td>+ $30,065.10</td>
                                        <td>- $2,780.00</td>
                                        <td>
                                            <span class="pie" data-peity='{ "fill": ["#5d78ff", "#eeeeee"], "radius": 15 }'>25/100</span>
                                        </td>
                                        <td class="text-right">$19,230.40</td>
                                    </tr>
                                    <tr>
                                        <td>03/10/2018</td>
                                        <td>1.280</td>
                                        <td>+ $30,065.10</td>
                                        <td>- $2,780.00</td>
                                        <td>
                                            <span class="pie" data-peity='{ "fill": ["#5d78ff", "#eeeeee"], "radius": 15 }'>78/100</span>
                                        </td>
                                        <td class="text-right">$17,830.40</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </main>
    <!-- end::main content -->




    <!-- begin::global scripts -->
    <script src="assets/vendors/bundle.js"></script>
    <!-- end::global scripts -->

    <!-- begin::charts -->
    <script src="assets/vendors/charts/chartjs/chart.min.js"></script>
    <script src="assets/vendors/charts/peity/jquery.peity.min.js"></script>
    <script src="assets/js/examples/charts/chartjs.js"></script>
    <script src="assets/js/examples/charts/peity.js"></script>
    <!-- end::charts -->

    <!-- begin::daterangepicker -->
    <script src="assets/vendors/datepicker/daterangepicker.js"></script>
    <!-- end::daterangepicker -->

    <!-- begin::dashboard -->
    <script src="assets/js/examples/dashboard.js"></script>
    <!-- end::dashboard -->

    <!-- begin::vamp -->
    <script src="assets/vendors/vmap/jquery.vmap.min.js"></script>
    <script src="assets/vendors/vmap/maps/jquery.vmap.usa.js"></script>
    <script src="assets/js/examples/vmap.js"></script>
    <!-- end::vamp -->

    <!-- begin::custom scripts -->
    <script src="assets/js/custom.js"></script>
    <script src="assets/js/app.js"></script>
    <!-- end::custom scripts -->

</body>

</html>